﻿<!DOCTYPE html>
<html class="no-js" lang="">
  <head>
    <meta charset="utf-8">
    <title> 关于我们- 中科三安
    </title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="manifest" href="site.webmanifest">
    <link rel="apple-touch-icon" href="icon.png">
    <!-- Place favicon.ico in the root directory-->
    <meta name="theme-color" content="#fafafa">
    <link href="fonts/iconfont.css" rel="stylesheet">
    <link href="js/vendor/wow/css/libs/animate.css" rel="stylesheet">
    <link href="js/vendor/swiper/css/swiper.min.css" rel="stylesheet">
    <link href="css/styles.min.css" rel="stylesheet">
    <script src="js/vendor/wow/dist/wow.min.js"></script>
    <script>
      new WOW().init();
    </script>
  </head>
  <body>
    <header class="site-header" id="site-header">
      <div class="topcol">
        <div class="container">
          <div class="row">
            <div class="col-lg">
              <div class="social"><a href="https://www.zhihu.com/org/zhong-ke-san-an-sananbio-50"> <i class="iconfont iconzhihu"></i></a><a href="https://weibo.com/p/1006067214397460/home?from=page_100606&amp;mod=TAB#place"> <i class="iconfont iconweibo"></i></a><a href="https://www.toutiao.com/c/user/1297018560458795/#mid=1637912158062603"> <i class="iconfont icontoutiao"></i></a><a class="wechat" href="#"> <i class="iconfont iconweixin"></i>
                  <div class="qr"><img src="img/qrcode.jpg" alt=""></div></a><a href="https://space.bilibili.com/535043137?from=search&amp;seid=3469803243368560150"> <i class="iconfont iconbilibili"></i></a><a href="http://i.youku.com/u/UNzc3NjQzODEyOA==?spm=a2h0c.8166622.PhoneSokuUgc_3.3"> <i class="iconfont iconyouku"></i></a></div>
            </div>
            <div class="col-lg-auto email"><i class="iconfont iconyouxiang"></i>global@sananbio.com</div>
            <div class="col-lg-auto phone"><i class="iconfont icondianhua"></i>+86-0592-5976366</div>
          </div>
        </div>
      </div>
      <div class="container c1">
        <div class="row">
          <div class="col"><a class="logo" href="index.html">    <img src="img/logo.png" alt="logo"></a></div>
          <div class="col-auto">
            <ul class="mainav2">                 
              <li><a href="news.html">新闻</a></li>
              <li><a href="#">招聘</a></li>
              <li><a href="about.html">关于我们</a></li>
              <li><a href="contact.html">联系我们</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="container c2">   
        <div class="row align-items-center">
          <div class="col-auto minlogo"><a class="logo" href="/">    <img src="img/logo_min.png" alt="logo"></a></div>
          <div class="col mainav-container">
            <ul class="mainav">                 
              <li class="hasnav" data-id="subnav1"><a href="hardware.html">智能硬件</a>
                <div class="subRichMenus" id="subnav1">
                  <div class="container">
                    <div class="row">
                      <div class="col-md-auto">
                        <div class="item">
                          <div class="row">
                            <div class="col-auto"><a class="pic" href="#"><img src="img/menu_01.jpg" alt=""></a></div>
                            <div class="col">
                              <div class="txt">
                                <h3 class="title text24"><a href="product.html">生长系统</a></h3>
                                <div class="note">再造大自然</div>
                                <ul class="list">
                                  <li>模组 RADIX</li>
                                  <li>盒子 BOX</li>
                                  <li>集装箱 CONTAINER</li>
                                  <li>育苗 NURSERY</li>
                                </ul>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md">
                        <div class="item">
                          <div class="row">
                            <div class="col-auto"><a class="pic" href="#"><img src="img/menu_02.jpg" alt=""></a></div>
                            <div class="col">
                              <div class="txt">
                                <h3 class="title text24"><a href="hardware.html">园艺照明</a></h3>
                                <div class="note">代替太阳光</div>
                                <ul class="list">
                                  <li>凤凰 PHX</li>
                                  <li>云雀 SKYLARK</li>
                                  <li>云雀+ SKYLARK+</li>
                                  <li>火烈鸟 FLAMINGO</li>
                                </ul>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
              <li class="hasnav" data-id="subnav2"><a href="solution.html">解决方案</a>
                <div class="subRichMenus" id="subnav2">
                  <div class="container">
                    <h3 class="t1">简单即未来</h3>
                    <div class="row">
                      <div class="col-md-auto">
                        <div class="item1"><a class="pic" href="#"><img src="img/menu_03.jpg" alt=""></a>
                          <h3><a href="#">自动农场</a></h3>
                        </div>
                      </div>
                      <div class="col-md-auto">
                        <div class="item1"><a class="pic" href="#"><img src="img/menu_04.jpg" alt=""></a>
                          <h3><a href="#">垂直农场</a></h3>
                        </div>
                      </div>
                      <div class="col-md-auto">
                        <div class="item1"><a class="pic" href="#"><img src="img/menu_05.jpg" alt=""></a>
                          <h3><a href="#">厢式农场</a></h3>
                        </div>
                      </div>
                      <div class="col-md-auto">
                        <div class="item1"><a class="pic" href="#"><img src="img/menu_06.jpg" alt=""></a>
                          <h3><a href="#">育苗农场</a></h3>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
              <li><a href="story.html">故事</a></li>
              <li><a href="innovate.html">创新      </a></li>
              <li><a href="support.html">支持</a></li>
              <li><a href="about.html">公司</a></li>
            </ul>
          </div>
          <div class="col-auto">
            <div class="row align-items-center justify-content-end">
              <div class="col-auto store"><a class="story" href="#">STORE</a></div>
              <div class="col-auto lang">
                <div class="current">中文 <i class="iconfont icondown"></i>
                  <ul>
                    <li><a href="#">中文</a></li>
                    <li><a href="#">English</a></li>
                  </ul>
                </div>
              </div>
              <div class="col-auto mobilemenu">
                <div class="menu-toggle">
                  <div class="one"></div>
                  <div class="two"></div>
                  <div class="three">         </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="menu-over" id="overmenu">
          <ul class="mobilenav">
            <li><a href="hardware.html">智能硬件</a></li>
            <li><a href="solution.html">解决方案</a></li>
            <li><a href="story.html">故事</a></li>
            <li><a href="innovate.html">创新      </a></li>
            <li class="active"><a href="support.html">支持</a></li>
            <li><a href="about.html">公司</a></li>
          </ul>
        </div>
      </div>
    </header>
    <div class="banner banner-about wow fadeInUp">
      <div class="container">
        <h1 class="title-page">推动人类生产技术颠覆性创新</h1>
      </div>
    </div>
    <div class="page page-about">
      <section class="container">
        <div class="row">
          <div class="col-md-auto">
            <aside class="leftcol" id="leftcol">
              <nav class="leftnav">
                <ul class="navs">
                  <li><a class="active" href="about.html">关于我们</a>
                    <ul class="leftsubnav">
                      <li><a href="#story">品牌故事</a></li>
                      <li><a href="#history">里程碑</a></li>
                      <li><a href="#awards">奖项</a></li>
                      <li><a href="#patents">专利</a></li>
                      <li><a href="#cooperate">合作</a></li>
                    </ul>
                  </li>
                  <li><a href="news.html">新闻动态</a></li>
                  <li><a href="contact.html">联系我们</a></li>
                </ul>
              </nav>
            </aside>
          </div>
          <div class="col-md">
            <main class="content">
              <div class="story" id="story">
                <div class="title-section">
                  <h2>品牌故事</h2>
                </div>
                <figure><img src="img/about_01.jpg" alt=""></figure>
                <p>福建省中科生物股份有限公司（简称中科三安）创立于2015年，由中科院植物研究所联手福建三安集团，发挥各自在植物学与光电技术领域特长成立的合资企业，是三安集团继光电子、光通讯之后在光生物科技领域的核心布局。</p>
                <p>中科三安致力将 LED 光谱技术应用于生命科学领域，同中科院植物所联合成立光生物产业研究院，专注光生物学应用、室内农业人工智能技术、植物生长照明与环境控制等研究，为复杂的室内农业提供简单的解决方案，推动人类生产技术颠覆性创新。</p>
                <p>中科三安现已在全球申报或授予专利成果 386 件，其中 PCT 国际专利和发明专利接近 60%，先后获得“中国国家高新技术企业”、“福建省科技小巨人” 和 “福建省优秀院士工作站”等称号。2019年，中科三安被纳入福建省重点上市后备企业。</p>
              </div>
              <div class="history" id="history">
                <div class="title-section">
                  <h2>里程碑</h2>
                </div>
                <ul class="tab-header" id="tab-header">
                  <li class="active" data-id="#tab-content01">品牌</li>
                  <li data-id="#tab-content02">产品</li>
                </ul>
                <div class="tab-content active" id="tab-content01">
                  <div class="box">                                
                    <ul class="list">
                      <li>
                        <time>2015.12                                            </time>
                        <p>福建省中科生物股份有限公司（中科三安）正式成立</p>
                      </li>
                      <li>
                        <time>2016.06</time>
                        <p>中国福建 10000㎡ 商业化植物工厂基地建成并投产</p>
                      </li>
                      <li>
                        <time>2015.12</time>
                        <p>福建省中科生物股份有限公司（中科三安）正式成立</p>
                      </li>
                      <li>
                        <time>2015.12                                            </time>
                        <p>福建省中科生物股份有限公司（中科三安）正式成立</p>
                      </li>
                      <li>
                        <time>2016.06</time>
                        <p>中国福建 10000㎡ 商业化植物工厂基地建成并投产</p>
                      </li>
                      <li>
                        <time>2015.12</time>
                        <p>福建省中科生物股份有限公司（中科三安）正式成立</p>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="tab-content" id="tab-content02">
                  <div class="box">                                
                    <ul class="list">
                      <li>
                        <time>2015.12                                            </time>
                        <p>福建省中科生物股份有限公司（中科三安）正式成立12有限公司（中科三安）正式成立12</p>
                      </li>
                      <li>
                        <time>2016.06</time>
                        <p>中国福建 10000㎡ 商业化植物工厂基地建成并投产</p>
                      </li>
                      <li>
                        <time>2015.12</time>
                        <p>福建省中科生物股份有限公司（中科三安）正式成立</p>
                      </li>
                      <li>
                        <time>2015.12                                            </time>
                        <p>福建省中科生物股份有限公司（中科三安）正式成立</p>
                      </li>
                      <li>
                        <time>2016.06</time>
                        <p>中国福建 10000㎡ 商业化植物工厂基地建成并投产</p>
                      </li>
                      <li>
                        <time>2015.12</time>
                        <p>福建省中科生物股份有限公司（中科三安）正式成立</p>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="awards" id="awards">
                <div class="title-section">
                  <h2>奖项</h2>
                </div>
                <div class="awards-list">
                  <div class="awards-container swiper-container">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide"><img src="img/zheng/1.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="img/zheng/2.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="img/zheng/3.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="img/zheng/4.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="img/zheng/1.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="img/zheng/2.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="img/zheng/3.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="img/zheng/4.jpg" alt=""></div>
                    </div>
                    <div class="nav row justify-content-center align-items-center">
                      <div class="col-auto">
                        <div class="swiper-button-prev"><i class="iconfont iconleft"></i></div>
                      </div>
                      <div class="col-auto">
                        <div class="swiper-pagination"></div>
                      </div>
                      <div class="col-auto">
                        <div class="swiper-button-next"><i class="iconfont iconright"></i></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="patents" id="patents">
                <div class="title-section">
                  <h2>专利</h2>
                  <p>我们已拥有386项全球专利</p>
                </div>
                <div class="patents-list">
                  <div class="patents-container swiper-container">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide"><img src="img/zheng/5.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="img/zheng/6.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="img/zheng/7.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="img/zheng/8.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="img/zheng/9.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="img/zheng/5.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="img/zheng/6.jpg" alt=""></div>
                      <div class="swiper-slide"><img src="img/zheng/7.jpg" alt=""></div>
                    </div>
                    <div class="nav row justify-content-center align-items-center">
                      <div class="col-auto">
                        <div class="swiper-button-prev"><i class="iconfont iconleft"></i></div>
                      </div>
                      <div class="col-auto">
                        <div class="swiper-pagination"></div>
                      </div>
                      <div class="col-auto">
                        <div class="swiper-button-next"><i class="iconfont iconright"></i></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="cooperate" id="cooperate">
                <div class="title-section">
                  <h2>合作</h2>
                  <p>我们已经并正和以下品牌展开合作</p>
                </div>
                <div class="cooperate-list">
                  <div class="cooperate-container swiper-container">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide"><img src="img/logos/1.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/2.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/3.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/4.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/5.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/6.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/7.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/8.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/9.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/10.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/11.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/12.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/13.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/14.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/15.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/8.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/9.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/10.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/11.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/12.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/13.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/14.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/15.png" alt=""></div>
                      <div class="swiper-slide"><img src="img/logos/8.png" alt=""></div>
                    </div>
                    <div class="nav row justify-content-center align-items-center">
                      <div class="col-auto">
                        <div class="swiper-button-prev"><i class="iconfont iconleft"></i></div>
                      </div>
                      <div class="col-auto">
                        <div class="swiper-pagination"></div>
                      </div>
                      <div class="col-auto">
                        <div class="swiper-button-next"><i class="iconfont iconright"></i></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </main>
          </div>
        </div>
      </section>
    </div>
    <footer class="site-footer" id="pagefooter"> 
      <div class="bottop">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-md-auto"><img src="img/logo_bot.png" alt="logo"></div>
            <div class="col-md">
              <ul class="botnav">
                <li><a href="about.html">关于我们     </a></li>
                <li><a href="contact.html">联系我们     </a></li>
                <li><a href="job.html">招聘      </a></li>
              </ul>
            </div>
            <div class="col-lg-auto">
              <div class="social"><a href="#"> <i class="iconfont iconzhihu"></i></a><a href="#"> <i class="iconfont iconweibo"></i></a><a href="#"> <i class="iconfont icontoutiao"></i></a><a href="#"> <i class="iconfont iconweixin"></i></a><a href="#"> <i class="iconfont iconbilibili"></i></a><a href="#"> <i class="iconfont iconyouku"></i></a></div>
            </div>
          </div>
        </div>
      </div>
      <div class="container bot">       
        <div class="row">
          <div class="col-md">
            <div class="copyright">Copyright &copy; 2020 SANANBIO All Rights Reserved.<span class="beian"><a href="//beian.miit.gov.cn/"> 粤ICP备09184136号-3</a></span></div>
            <div class="exp">Feedback on web experience</div>
          </div>
          <div class="col-md-auto">
            <div class="current">中文 <i class="iconfont icondown"></i>
              <ul>
                <li><a href="#">中文</a></li>
                <li><a href="#">English</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </footer><a class="toTop" id="toTop" href="javascript:void(0);"><img src="img/top.png" alt=""></a>
    <script src="js/vendor/modernizr-3.8.0.min.js"></script>
    <script src="js/vendor/jquery-3.4.1.min.js"></script>
    <script src="js/vendor/jquery.easing.min.js"></script>
    <script src="js/bootstrap/bootstrap.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/vendor/swiper/js/swiper.min.js"></script>
    <script>
      var swiper = new Swiper('.awards-container', {
          slidesPerView: 'auto',
          spaceBetween: 30,
          pagination: {
              el: '.swiper-pagination',
              clickable: true,
          },
          navigation: {
              nextEl: '.swiper-button-next',
              prevEl: '.swiper-button-prev',
          }
          
      });
      var swiper = new Swiper('.patents-container', {
          slidesPerView: 'auto',
          spaceBetween: 30,
          pagination: {
              el: '.swiper-pagination',
              clickable: true,
          },
          navigation: {
              nextEl: '.swiper-button-next',
              prevEl: '.swiper-button-prev',
          }
          
      });
      
       var swiper = new Swiper('.cooperate-container', {
          slidesPerView: 5,
          slidesPerColumn: 3,
          spaceBetween: 30,
          pagination: {
              el: '.swiper-pagination',
              clickable: true,
          },
          navigation: {
              nextEl: '.swiper-button-next',
              prevEl: '.swiper-button-prev',
          },
          breakpoints: {
              640: {
                  slidesPerView: 1,
                  spaceBetween: 20,
              },
              768: {
                  slidesPerView: 3,
                  spaceBetween: 40,
              },
              1024: {
                  slidesPerView: 4,
                  spaceBetween: 50,
              }
          }
      });
      
      
      
      
      
      $(function () {
          $("#tab-header li").click(function(e){
              var id = $(this).attr("data-id");
               $("#tab-header li").removeClass('active');
              $(this).addClass('active');
      
              $('.tab-content.active').removeClass('active');
              $(id).addClass('active');
          })
      
          var offset = $("#leftcol").offset();
          $(window).scroll(function(){               
            
              if (offset.top < $(window).scrollTop()) {
                  $("#leftcol").addClass("fixedLeft");  
              } else {
                  $("#leftcol").removeClass("fixedLeft");           
              }
          })
      
      });
    </script>
  </body>
</html>